<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教师综合信息查询系统-角色列表</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/roleManagement.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/zTreeStyle.css}">
    <script type="text/javascript" th:src="@{/js/lib/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/layer/layer.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/jquery.ztree.all.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/jquery.ztree.exhide.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/editRole.js}" th:inline="javascript"></script>
</head>
<body>
    <div class="container-screen">
        <div class="role-list">
            <div class="current">
                <span class="role-item">修改角色</span>
            </div>

            <div class="role-add">
                <div class="add-node">
                    <label class="lable-title">角色名称：</label>
                    <input id="roleId" type="hidden" th:value="${roleId}">
                    <input id="roleName" type="text"  th:value="${roleName}" placeholder="请输入角色名称">
                </div>
                <div class="add-node" style="margin-top: 10px;">
                    <label class="lable-title">检&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;索：</label>
                    <input type="text" name="keyword" placeholder="请输入检索名称">
                </div>
                <div class="add-node">
                    <label class="lable-title">配置角色：</label>
                    <input type="checkbox" name="all" class="all-select" />全选
                </div>
                <div class="role-tree">
                    <ul id="treeDemo" class="ztree"></ul>
                </div>
                <div class="role-btn">
                    <button class="submit-btn submitBtn" >提交</button>
                    <button class="cancel-btn cancelBtn">重置</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>